/* 布局样式 */
.flex {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.ml-4 {
  margin-left: 4px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-24 {
  margin-left: 24px;
}

.ml-auto {
  margin-left: auto;
}

.mr-4 {
  margin-right: 4px;
}

.mr-8 {
  margin-right: 8px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-24 {
  margin-right: 24px;
}

.mr-auto {
  margin-right: auto;
}

.mt-4 {
  margin-top: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-auto {
  margin-top: auto;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-auto {
  margin-bottom: auto;
}

.plr-8 {
  padding: 0px 8px;
}

.plr-16 {
  padding: 0px 16px;
}

.plr-24 {
  padding: 0px 24px;
}

.plr-48 {
  padding: 0px 48px;
}

.plr-96 {
  padding: 0px 96px;
}


.font-14 {
  font-size: 14px;
}

/* 自定义样式 */
/* 表单头 */
.form-item {
  border-left: 5px solid #2676fd;
  padding-left: 8px;
  font-weight: 600;
  margin-bottom: 8px;
}
/* 描述列表盒子样式 */
.desc-item { 
  background: #ffffff;
  padding: 16px 24px;
  margin-bottom: 16px;
  box-shadow: 0px 0px 10px 0px #dbdbdb;
}
/* 列表头 */
.table-title {
  height: 30px;
  line-height: 30px; /* 与高度相同 */
  border-left: 4px solid #2676fd; /* 蓝色边框 */
  padding-left: 8px; /* 内边距 */
  font-weight: 600; /* 字体加粗 */
  margin-bottom: 8px; /* 下边距 */
  background-color: #eef1f6; /* 灰色背景 */
  color: #2676fd; /* 字体颜色为蓝色 */
}